import {PureComponent} from "react"
import {InputItem} from "antd-mobile"
import { calcField } from "../../utils/helper";
export default class MiGroup extends PureComponent {
	constructor(props){
		super(props);
		this.state = {}
	}
	
	render(){
		let {text,align="left",text_color,text_size,tips,style,formData}=this.props;
		let groupStyle={
			width:"100%",
			textAlign:align,
			color:text_color,
			fontSize:text_size+"px",
			...style
		}
		text=calcField(text,formData);
		return (
			<div >
				<div className="am-list-item mi-group" style={{background:"inherit"}}>
					<div className="am-list-line">
						<div style={groupStyle}>
							{text}
						</div>
					</div>
				</div>
				{
					tips&&<p className="tipsStyle">{tips}</p>
				}
			</div>
		)
	}
}